<!DOCTYPE html>
<html>
<head>
	<meta  charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
	
	h4{
		text-align: center;
	}
	h5{
		text-align: right;
	}
	.ds-login{
		margin:60px;	
		}
	/*#tLogin li{
				width:60px;
				 height:60px;
				 margin-left: 5%;
				  border: solid aquamarine 1px;
				   border-radius:50%;
				   overflow: hidden;
				   float: left;
				   
			}
	#tLogin li img{
		background-position: 10% 10%;
				width: 60px;
				height: 60px;
			}*/
	.ui-page-theme-f {
    font-weight: bold;
    background: url(img/purple.jpg) no-repeat;
    color:white;
}
	
</style>


<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" >

  <div data-role="header" data-theme="f">
  <h1>用户登录</h1>
  </div>

  <div data-role="main" class="ui-content">
     <form id="defaultForm" method="post" " class="form-horizontal">
     	
                        <fieldset>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">用户名：</label>
                                <div class="col-lg-5">
                                    <input type="text" class="form-control" name="username" placeholder="在此处输入用户名..." />
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-3 control-label">密码：</label>
                                <div class="col-lg-5">
                                    <input type="password" class="form-control" name="password" />
                                </div>
                            </div>

                        </fieldset>
  								<h5>	<a href="register.htmll">注册</a> | <a href="#">忘记密码</a></h5>
                        <div class="form-group">
                            <div class="col-lg-9 col-lg-offset-3">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
    
    	<h4>第三方登录</h4>
  	<hr />
  	<div class="ds-login">
  	
  	</div>
 

 
  	<!--<ul id="tLogin">
  		<li>
  			<img src="img/qq.png" />
  			
  		</li>
  		<li>
  			<img src="img/wx.png"/>
  			
  		</li>
  		<li>
  			<img src="img/wb.jpg" />
  			
  		</li>
  	</ul>-->
  </div>
  
  <div data-role="footer" data-position="fixed" >
	<h5>灵乐在线乐器学习平台</h5>
</div>


</div>
<script src="js/embed.js"></script>
<script type="text/javascript">
    var duoshuoQuery = {short_name:"not"};
    
  </script>
</body>
</html>
